<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~ Copyright 2020 huanggefan.cn
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

<!DOCTYPE html>

<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content=webkit>
    <meta lang="zh">
    <link rel='stylesheet' type='text/css' href='/css/assets.css'>
    <script type='text/javascript' src='/js/assets.js'></script>
    <title>智慧课堂 - 管理员</title>
</head>
<body class="flex flex-col justify-start align-start">
<div style="display: none" id="manager-user-page"></div>

<nav class="width-full margin-b2">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a class="text-primary" href="#" id="user-create">注册用户</a></li>
        <li class="breadcrumb-item"><a class="text-secondary" href="#" id="user-role">用户授权</a></li>
        <li class="breadcrumb-item"><a class="text-secondary" href="#" id="user-reset">密码重置</a></li>
        <li class="breadcrumb-item"><a class="text-secondary" href="#" id="user-delete">删除用户</a></li>
        <li class="breadcrumb-item"><a class="text-secondary" href="#" id="user-load">批量注册</a></li>
    </ol>
</nav>

<form id="create" style="display: flex" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="width-full form-group">
        <label for="create-account">用户学工号</label>
        <input type="number" class="form-control" id="create-account" placeholder="学工号：17114455">
    </div>
    <div class="width-full form-group">
        <label for="create-password">密码</label>
        <input type="password" class="form-control" id="create-password" placeholder="密码">
    </div>
    <div class="width-full form-group">
        <label for="create-passwordVerify">确认密码</label>
        <input type="password" class="form-control" id="create-passwordVerify" placeholder="确认密码">
    </div>
    <div class="width-full form-group">
        <label for="create-roleType">用户类型</label>
        <select class="form-control text-primary" id="create-roleType">
            <option value="6" class="text-secondary">本科生</option>
            <option value="7" class="text-secondary">研究生</option>
            <option value="8" class="text-secondary">博士生</option>
            <option value="5" class="text-info">教师组</option>
            <option value="4" class="text-info">领导组</option>
            <option value="3" class="text-warning">管理人员</option>
            <option value="2" class="text-warning">维护人员</option>
        </select>
    </div>
    <div class="width-full form-group">
        <label for="create-college">所属学院</label>
        <select class="form-control" id="create-college">
            <!---->
        </select>
    </div>
    <div class="width-full form-group">
        <label for="create-major">所属专业</label>
        <select class="form-control" id="create-major">
            <!---->
        </select>
    </div>
    <div class="width-full form-group">
        <label for="create-class">所属班级</label>
        <select class="form-control" id="create-class">
            <!---->
        </select>
    </div>
    <div class="flex-empty"></div>
    <button id="create-btn" type="button" class="btn btn-primary margin-t2 width-full">注册</button>
</form>
<form id="role" style="display: none" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="width-full form-group margin-b3">
        <label for="role-uuid">授权用户</label>
        <input type="number" class="form-control" id="role-uuid" placeholder="学工号：17114455">
    </div>
    <div class="width-full form-group margin-b3">
        <label for="role-uuidVerify">确认授权用户</label>
        <input type="number" class="form-control" id="role-uuidVerify" placeholder="学工号：17114455">
    </div>
    <div class="width-full form-group">
        <label for="role-roleType">用户新类型</label>
        <select class="form-control text-primary" id="role-roleType">
            <option value="6" class="text-secondary">本科生</option>
            <option value="7" class="text-secondary">研究生</option>
            <option value="8" class="text-secondary">博士生</option>
            <option value="5" class="text-info">教师组</option>
            <option value="4" class="text-info">领导组</option>
            <option value="3" class="text-warning">管理人员</option>
            <option value="2" class="text-warning">维护人员</option>
        </select>
    </div>
    <div class="flex-empty"></div>
    <button id="role-btn" type="button" class="btn btn-primary margin-t2 width-full">授权</button>
</form>
<form id="reset" style="display: none" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="width-full form-group margin-b3">
        <div class="alert alert-warning">
            默认密码：1234567890
        </div>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="reset-uuid">重置用户</label>
        <input type="number" class="form-control" id="reset-uuid" placeholder="学工号：17114455">
    </div>
    <div class="width-full form-group margin-b3">
        <label for="reset-uuidVerify">确认重置用户</label>
        <input type="number" class="form-control" id="reset-uuidVerify" placeholder="学工号：17114455">
    </div>
    <div class="flex-empty"></div>
    <button id="reset-btn" type="button" class="btn btn-warning margin-t2 width-full">重置</button>
</form>
<form id="delete" style="display: none" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="width-full form-group margin-b3">
        <div class="alert alert-danger">
            警告：用户即将被删除
        </div>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="delete-uuid">删除用户</label>
        <input type="number" class="form-control" id="delete-uuid" placeholder="学工号：17114455">
    </div>
    <div class="width-full form-group margin-b3">
        <label for="delete-uuidVerify">确认删除用户</label>
        <input type="number" class="form-control" id="delete-uuidVerify" placeholder="学工号：17114455">
    </div>
    <div class="flex-empty"></div>
    <button id="delete-btn" type="button" class="btn btn-danger margin-t2 width-full">删除</button>
</form>
<form id="load" style="display: none" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="flex-empty"></div>
    <button id="load-btn" type="button" class="btn btn-info margin-t2 width-full">导入</button>
</form>

</body>
</html>
